import { createRoot } from "react-dom/client"

// import App from './App'
// import './index.css'

// createRoot(document.getElementById('root') as HTMLElement).render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>
// )


import { VarsProvider } from "./setVar/ctx"
import { StateObjectProvider } from "./update/ctx"
import globalState from "./globalState";
import SwitchTimerButton from "./SwitchTimerButton";
import SwitchTimerButton2 from "./SwitchTimerButton2";
import Tbl from "./Tbl";

createRoot(document.getElementById("root") as HTMLElement).render(
    <div>
        <VarsProvider globalState={globalState}>
            <Tbl />
            <SwitchTimerButton />
        </VarsProvider>
        <hr />
        <StateObjectProvider globalState={globalState}>
            <Tbl />
            <SwitchTimerButton2 />
        </StateObjectProvider>
    </div>
);
